<div class="sidebar-wrapper">
    <div ng-repeat="menu in vm.menus track by $index" class="sidebar-cont" ng-class="{'sidebar-menu-fold': menu.fold }">
        <div class="sidebar-title" ng-if="menu.item" style="cursor: pointer" ng-click="vm.toggleOpenMenu(menu)" uib-tooltip="{{menu.menu_name}}" tooltip-placement="right" tooltip-append-to-body="true" tooltip-enable="vm.collapse" tooltip-class="sidebar-tooltip">
            <span class="title-icon">
                <i class="fa fa-cubes"></i>
            </span>
            <span class="title-text">
                {{menu.menu_name}}
            </span>
        </div>
        <div class="sidebar-title" ng-if="!menu.item" uib-tooltip="{{menu.menu_name}}" tooltip-placement="right" tooltip-append-to-body="true" tooltip-enable="vm.collapse" tooltip-class="sidebar-tooltip">
            <span class="title-icon">
                <i class="fa fa-cube" style="width: 18px"></i>
            </span>
            <span class="title-text">
                {{menu.menu_name}}
            </span>
        </div>
        <ul class="sidebar-menu" ng-if="menu.item" ng-style="vm.calcMenuHeight(menu)">
            <li ng-class="{ 'active': vm.state == item.url_addr }" ng-repeat="item in menu.item" class="sidebar-menu-item">
                <a ng-if="item.open_mode == 1000" href="{{item.url_addr}}" ng-click="vm.makeAction($event)" data-uri="{{item.url_addr}}" data-mid="{{item.menu_id}}">
                    <span class="menu-icon">
                        <i class="fa fa-caret-right"></i>
                    </span>
                    <span class="menu-text">{{item.menu_name}}</span>
                </a>
                <a ng-if="item.open_mode == 1100" href="{{item.url_addr}}" target="_blank" data-uri="{{item.url_addr}}" data-mid="{{item.menu_id}}">
                    <span class="menu-icon">
                        <i class="fa fa-caret-right"></i>
                    </span>
                    <span class="menu-text">{{item.menu_name}}</span>
                </a>
            </li>
        </ul>
    </div>
</div>